const px2vw = require('postcss-px-to-viewport')

module.exports = {
  //多页面配置
  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '猫眼电影',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    show:
    {
      // page 的入口
      entry: 'src/mainShow.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'show.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '演出',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'show']
    }
  },

  devServer: {
    proxy: {
      //當請求地址中包含 expectlist ，就會走代理
      '/api': {
        //目标地址
        target: 'http://localhost:3333/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '', // rewrite path
        }
      },
      '/ajax': {
        //目标地址
        target: 'https://m.maoyan.com/',
        changeOrigin: true
      }
    }
  },

  css: {
    loaderOptions: {
      postcss: {
        plugins: [new px2vw({
          unitToConvert: 'px',
          //设计稿的视口宽度
          viewportWidth: 375,
          unitPrecision: 5,
          propList: ['*'],
          viewportUnit: 'vw',
          fontViewportUnit: 'vw',
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          //忽略某些文件夹下的文
          exclude: /node_modules/,
          include: undefined,
          landscape: false,
          landscapeUnit: 'vw',
          landscapeWidth: 568
        })]
        // 这里的选项会传递给 postcss-loader
      }
    }
  }
}